﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="BootstrapSouce/js/jquery.min.js"></script>
    <link href="BootstrapSouce/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />

    <title></title>
    <script>
        window.a = 1;
        function addborrower() {

            a++;
            $("#add").append('<div id="' + a + '" style="margin-top:20px;height:30px"><label class="form-label  col-xs-1 col-sm-2"><span class="c-red"></span>借款人员姓名：</label><div class="formControls col-xs-11 col-sm-9"><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="" name=""> <label class="form-label" style="display:inline;margin-left:5px">&nbsp;&nbsp;性别:&nbsp;&nbsp;<input type="radio" name="a"/>男<input type="radio" name="a" />女&nbsp;&nbsp;身份证号：</label><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="" name=""><label class="form-label " style="display:inline; margin-left:5px">电话：</label><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="" name="">  <input type="button"  style="display:inline; margin-left:10px" class="btn btn-success" onclick="hide(' + a + ')" value="取消" /></div>   ')
         
        }
        function hide(x) {
            $("#" + x + "").remove();
        }
    </script>
</head>
<body>
    <h2 style="text-align:center">资产登记</h2>
    <div class="row cl">
        <label class="form-label col-xs-1 col-sm-2"><span class="c-red"></span>借款人员姓名：</label>
        <div class="formControls col-xs-11 col-sm-9">
            <input type="text" style="width:200px" class="input-text" value="" placeholder="" id="" name="">
            <label class="form-label" style="display:inline;margin-left:0px">身份证号：</label>
            <input type="text" style="width:200px" class="input-text" value="" placeholder="" id="" name="">
            <label class="form-label " style="display:inline; margin-left:0px">性别：</label>
            <input type="radio" class="" name="a" /><label class="form-label " style="display:inline; margin-left:0px">男</label><input type="radio" name="a" /><label class="form-label " style="display:inline; margin-left:0px">女</label>
            <label class="form-label " style="display:inline; margin-left:0px">电话：</label>
           
            <input type="text" style="width:200px" class="input-text" value="" placeholder="" id="" name="">
            <input type="button" class="btn btn-success" onclick="addborrower()" value="添加借款人" />
          
        </div>
    </div>
    <div class="row cl" id="add">

    </div>

    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-2 col-sm-2"><span class="c-red"></span>联系人：</label>
        <div class="formControls col-xs-10 col-sm-7">
            <input type="text" class="input-text" value="" placeholder="" id="" name="">

        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>联系电话：</label>
        <div class="formControls col-xs-8 col-sm-7">
            <input type="text" class="input-text" value="" placeholder="" id="" name="">

        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>贷款年限：</label>
        <div class="formControls col-xs-8 col-sm-7">
            <input type="text" class="input-text" value="" placeholder="" id="" name="">

        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>贷款额度：</label>
        <div class="formControls col-xs-8 col-sm-7">
            <input type="text" class="input-text" value="" placeholder="" id="" name="">

        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-5 col-sm-2">实际交易价：</label>
        <div class="formControls col-xs-7 col-sm-7">
            <input type="text" class="input-text" value="" placeholder="" id="" name="">

        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-4 col-sm-2">房产登记者：</label>
        <div class="formControls col-xs-8 col-sm-7">
            <input type="text" class="input-text" value="" placeholder="" id="" name="">

        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-4 col-sm-2">房屋坐落：</label>
        <div class="formControls col-xs-8 col-sm-7">
            <input type="text" class="input-text" value="" placeholder="" id="" name="">

        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-4 col-sm-2">房屋用途：</label>
        <div class="formControls col-xs-8 col-sm-7">
            <span class="select-box">
                <select name="" class="select">
                    <option value="0">住宅</option>
                    <option value="1">非住宅</option>

                </select>
            </span>
        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-5 col-sm-2">建成年代：</label>
        <div class="formControls col-xs-7 col-sm-7">
            <input type="text" class="input-text" value="" placeholder="" id="" name="">

        </div>
    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-5 col-sm-2">报告类型：</label>

        <div class="formControls col-xs-8 col-sm-7">
            <span class="select-box">
                <select name="" class="select">
                    <option value="0">公积金贷款二手房担保方式正式报告(适用模式2未取得新证12家中介)</option>
                    <option value="1">公积金贷款二手房担保方式正式报告(适用模式3模式2有担保已取得新证情况下)</option>

                    <option value="2"> 公积金贷款二手房抵押质押方式正式报告(适用模式1纯抵押无担保情况下)
                    <option>

                </select>
            </span>
        </div>

    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-5 col-sm-2">评估受理：</label>
        <div style="margin-top:0px">
            &nbsp; &nbsp;&nbsp;  <input id="Checkbox1" type="checkbox" class="check-box" value="审核评估登记表" />审核评估登记表
            <input id="Checkbox1" type="checkbox" class="check-box" value="身份证明" />身份证明
            <input id="Checkbox1" type="checkbox" class="check-box" value="房屋权属" />房屋权属
            <input id="Checkbox1" type="checkbox" class="check-box" value="网签合同" />网签合同
        </div>


    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-5 col-sm-2">现场勘察：</label>
        <div class="formControls col-xs-6 col-sm-2" style="width:200px">
            <span class="select-box">
                <select name="" class="select">
                    <option value="0">延庆部</option>
                    <option value="1">昌平部</option>
                    <option value="1">海淀部</option>
                </select>

            </span>

        </div>
        <div class="formControls col-xs-6 col-sm-7" style="width:200px">
            <span class="select-box">
                <select name="" class="select">
                    <option value="0">张三</option>
                    <option value="1">李四</option>

                </select>

            </span>

        </div>

    </div>
    <div class="row cl" style="margin-top:20px">
        <label class="form-label col-xs-5 col-sm-2">抵押物管理点：</label>
        <div class="formControls col-xs-7 col-sm-7">
          
            <label>海淀部</label>
        </div>
    </div>
    <button class="btn btn-success" style="margin-left:43%;margin-top:30px">提交</button>


</body>
</html>
<style>
    .form-label {
        margin-left: 100px;
    }
</style>